<template>
  <DateSelector
      @startChange="startChange"
      @endChange="endChange"
      :startOptions="startOptions"
  >
  </DateSelector>
</template>

<script lang="ts" setup>
interface endValue {
  startDate: Date,
  endDate: Date
}

let startChange = (val: Date) => {
  console.log(val)
}

let endChange = (val: endValue) => {
  console.log(val)
}

let startOptions = {
  // size: 'small'
}
</script>

<style scoped>

</style>